<template>

    <div>
        <header-vue></header-vue>
        <router-view></router-view>
        <footer-vue></footer-vue>
    </div>

</template>

<script>

    export default {
        data() {
            return {}
        }
    }

</script>

<style scoped>
    .h {
        height: 100px;
        background-color: bisque;
    }

    .m {
        height: 100px;
        background-color: yellow;
    }

    .f {
        height: 100px;
        background-color: black;
    }
</style>